<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition
	template="/WEB-INF/facelets/templates/templateAdministrador.xhtml">
	<ui:define name="content">
		<h3 align="center" style="color: #FF9900">Nueva Sede</h3>
		<br />
		<br />
		Permite crear una nueva sede y vincularla al Programa Ondas Quindio.
		<br />
		<br />
		<a4j:form>
			<h:panelGrid columns="3" id="campos">
				<h:outputText value="Nombre:" />
				<h:inputText value="#{sedeBean.nuevaSede.nombre}"
					style="width: 250px; " required="true"
					requiredMessage="Dato requerido" immediate="true" id="nombre">
					<rich:ajaxValidator event="onblur" />
				</h:inputText>
				<rich:message for="nombre" style="color:red;">
					<f:facet name="errorMarker">
						<h:graphicImage value="/images/icons/error.jpg" />
					</f:facet>
				</rich:message>

				<h:outputText value="Dirección:" required="true"
					requiredMessage="Dato requerido" immediate="true" id="direccion" />
				<h:inputText value="#{sedeBean.nuevaSede.direccion}"
					style="width: 250px; " />
				<rich:message for="direccion" style="color:red;">
					<f:facet name="errorMarker">
						<h:graphicImage value="/images/icons/error.jpg" />
					</f:facet>
				</rich:message>

				<h:outputText value="Telefono:" />
				<h:inputText value="#{sedeBean.nuevaSede.telefono}"
					style="width: 250px;" required="true"
					requiredMessage="Dato requerido" immediate="true" id="tel">
					<rich:ajaxValidator event="onblur" />
				</h:inputText>
				<rich:message for="tel" style="color:red;">
					<f:facet name="errorMarker">
						<h:graphicImage value="/images/icons/error.jpg" />
					</f:facet>
				</rich:message>

				<h:outputText value="Fax:" />
				<h:inputText value="#{sedeBean.nuevaSede.fax}"
					style="width: 250px; " id="fax" />
				<rich:message for="fax" style="color:red;">
					<f:facet name="errorMarker">
						<h:graphicImage value="/images/icons/error.jpg" />
					</f:facet>
				</rich:message>

				<h:outputText value="Email:" />
				<h:inputText value="#{sedeBean.nuevaSede.email}"
					style="width: 250px; " id="email" />
				<rich:message for="email" style="color:red;">
					<f:facet name="errorMarker">
						<h:graphicImage value="/images/icons/error.jpg" />
					</f:facet>
				</rich:message>

				<h:outputText value="Municipio:" />
				<rich:comboBox directInputSuggestions="true"
					suggestionValues="#{sedeBean.listaMunicipios}" defaultLabel="Todos"
					value="#{sedeBean.municipioSel}" immediate="true"
					enableManualInput="false" id="municipio" required="true"
					requiredMessage="Dato requerido">

					<a4j:support event="onchange" reRender="nombreCombo"
						action="#{sedeBean.obtenerInMuni}"></a4j:support>

				</rich:comboBox>
				<rich:message for="municipio" style="color:red;">
					<f:facet name="errorMarker">
						<h:graphicImage value="/images/icons/error.jpg" />
					</f:facet>
				</rich:message>

				<h:outputText value="Institución:" />
				<rich:comboBox id="nombreCombo" directInputSuggestions="true"
					suggestionValues="#{sedeBean.listaInstituciones}"
					defaultLabel="Todas" value="#{sedeBean.institucionSel}"
					enableManualInput="false">
				</rich:comboBox>
				<rich:message for="nombreCombo" style="color:red;">
					<f:facet name="errorMarker">
						<h:graphicImage value="/images/icons/error.jpg" />
					</f:facet>
				</rich:message>

				<a4j:commandButton value="Aceptar" action="#{sedeBean.crearSede}"
					oncomplete="#{rich:component('wait')}.show()" reRender="campos"
					style="width: 70px; height: 20px; font-size: 12px; align: center"></a4j:commandButton>
			</h:panelGrid>
		</a4j:form>

		<rich:modalPanel id="wait" autosized="true" width="300" height="120"
			moveable="false" style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Informacion" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelink"
						styleClass="hidelink" />
					<rich:componentControl for="wait" attachTo="hidelink"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGroup rendered="#{sedeBean.sedeCreada}">
							<h:panelGrid columns="2">
								<h:graphicImage value="/images/icons/ok.jpg" />
								<h:outputText value="Sede Creada Correctamente"
									style="font-style: italic; font-size: 16px" />
							</h:panelGrid>
						</h:panelGroup>
					</a4j:outputPanel>
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGroup rendered="#{!sedeBean.sedeCreada}">
							<h:panelGrid columns="2">
								<h:graphicImage value="/images/icons/err.jpg" />
								<h:outputText
									value="Error creado la sede (puede que esta institucion ya exista o que haya un error en los datos)"
									style="font-style: italic; font-size: 16px" />
							</h:panelGrid>
						</h:panelGroup>
					</a4j:outputPanel>
					<a4j:commandButton value="Aceptar"
						oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('wait')}.hide();"
						reRender="tablaMuni"
						style="width: 100px; height: 30px; font-size: 16px; align: center"></a4j:commandButton>
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>

	</ui:define>
	<ui:define name="menu">
		<a4j:form>
			<ul class="menu">
				<li class="item174"><a href="gestionarInstituciones.jsf"> <span>Atras</span>
				</a></li>
			</ul>
		</a4j:form>
	</ui:define>
</ui:composition>
</html>